<template>
  <div class="box">
    <el-breadcrumb separator=">">
      <el-breadcrumb-item to="/login" replace>首页</el-breadcrumb-item>
      <el-breadcrumb-item to="/login/user" replace>用户管理</el-breadcrumb-item>
      <el-breadcrumb-item>用户信息</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="tableBox">
      <div class="tableTitle">用户信息</div>
      <div class="searchBox">
        <el-form :model="searchObject" size="mini" inline>
          <div class="block">
            <el-form-item label="用户姓名">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="用户账号">
              <el-input></el-input>
            </el-form-item>
            <el-form-item label="用户类别">
              <el-select v-model="searchObject.userType" placeholder="请选择">
                <el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label"
                           :value="item.value"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item>
              <export-excel :tHeader="tHeader" :filterVal="filterVal" :tableData="tableData"></export-excel>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" circle @click="search"></el-button>
            </el-form-item>
          </div>
        </el-form>
      </div>
      <el-table :data="tableData">
        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
        <el-table-column prop="userId" label="用户编号" align="center"></el-table-column>
        <el-table-column prop="" label="用户账号" align="center"></el-table-column>
        <el-table-column prop="" label="姓名" align="center"></el-table-column>
        <el-table-column prop="" label="注册时间" align="center"></el-table-column>
        <el-table-column label="信审资料" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="连连绑卡详情" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'public/bankCardInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="理财绑卡详情" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/financialBankCardInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="资产详情" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userMoneyInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column prop="" label="账户余额" align="center"></el-table-column>
        <el-table-column prop="" label="理财账户余额" align="center"></el-table-column>
        <el-table-column prop="" label="理财投资金额" align="center"></el-table-column>
        <el-table-column label="同盾报告" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userTongDunInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="运营商认证" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userOperator', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="京东" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userE-commerce', query: {userId: data.row.userId, types: 1}}">查看
            </router-link>
          </template>
        </el-table-column>
        <el-table-column label="淘宝" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userE-commerce', query: {userId: data.row.userId, types: 2}}">查看
            </router-link>
          </template>
        </el-table-column>
        <el-table-column label="学信网" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userIncrease', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="支付宝" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userZhiFuBao', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="社保" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userSheBao', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="苏宁" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userE-commerce', query: {userId: data.row.userId, types: 3}}">查看
            </router-link>
          </template>
        </el-table-column>
        <el-table-column label="邮箱账单" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userEmailBill', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="手机通讯录" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userCallHistory', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column prop="" label="信用评分" align="center"></el-table-column>
        <el-table-column label="历史批复" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userChecks', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="信息变更项" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userIncreaseInfo', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column label="额度修改历史批复" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userIncreaseCheck', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
        <el-table-column prop="" label="状态" align="center"></el-table-column>
        <el-table-column label="操作" align="center">
          <template slot-scope="data">
            <span class="colors" @click="clickThaw(data.row)">解冻</span>/<span class="colors"
                                                                              @click="clickFreeze(data.row)">冻结</span>
          </template>
        </el-table-column>
        <el-table-column label="修改用户额度" align="center">
          <template slot-scope="data">
            <router-link :to="{path: 'user/userUpdateMoney', query: {userId: data.row.userId}}">查看</router-link>
          </template>
        </el-table-column>
      </el-table>
      <pagination @handleSize="handleSizeChange" @handleCurrent="handleCurrentChange" :maxTotal="maxTotal"></pagination>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import pagination from 'components/pagination'
  import exportExcel from 'components/exportExcel'

  export default {
    data () {
      return {
        maxTotal: 10,
        searchObject: {
          userType: ''
        },
        tableData: [],
        userTypeOptions: [],
        tHeader: [],
        filterVal: []
      }
    },
    created () {
    },
    methods: {
      search () {
      },
      clickThaw (item) {
      },
      clickFreeze (item) {
      },
      handleSizeChange (val) {
      },
      handleCurrentChange (val) {
      }
    },
    components: {
      pagination,
      exportExcel
    }
  }
</script>

<style lang="less" ref="stylesheet/less" scoped>

</style>
